import React from 'react';
import { LegionsProModal,LegionsStore } from 'legions-pro-design'
import CodeEditor from '../../../home/components/codeEditor';
import { Tabs,Icon } from 'antd';
const TabPane = Tabs.TabPane;
export interface ICreateFormCodeProps {
    tabPanes: {
        title: string;
        value: string;
    }[]
}
export const CreateFormCode = (props: ICreateFormCodeProps) => {
    return props.tabPanes.length && <Tabs defaultActiveKey={props.tabPanes[0].title}>
        {
            props.tabPanes.map((item) => {
                return <TabPane tab={<span>{item.title}</span>} key={item.title}>
                    <CodeEditor mode="typescript" width={'960px'}  value={item.value}></CodeEditor>
                </TabPane>
            })
        }
    </Tabs>
}